<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
	$(function(){
		//给添加按钮添加事件
		$("input:eq(1)").click(function(){
			var li = $("<li>"+$("input:first").val()+"</li>");
			$("ul").append(li);
		});
		
		
		//给插入元素添加事件
		$("input:eq(2)").click(function(){
			var li =$("<li>"+$("input:first").val()+"</li>");
		//	$("li:contains('上海')").before(li);	   //上海的上面
			$("li:contains('上海')").after(li);	
		});
		
		
		$("input:eq(3)").click(function(){
			
	       $("li:contains('上海')").remove();     //删除包含上海的元素
		});
	});
</script>
</head>
<body>
	<input type="text">
	<input type="button" value=添加>
	<input type="button" value=插入>
	<input type="button" value=删除>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>	
</ul>
</body>
</html>